Skip to content

Fix Reading Mode button position and add book icon#604

Merged
realproject7 merged 1 commit intomainfrom
task/599-reading-mode-button
Mar 27, 2026
Merged

Fix Reading Mode button position and add book icon#604
realproject7 merged 1 commit intomainfrom
task/599-reading-mode-button

Conversation

@realproject7
Copy link
Copy Markdown
Owner

Summary

Fixes #599

  • Story page: Move ReadingModeWrapper from a separate right-aligned div into the Genesis/date header row via a readingMode prop on GenesisSection
  • Chapter page: Move ReadingModeWrapper from above the header into the chapter title row, inline with <h1>
  • Book icon: Add an open-book SVG icon next to the "Reading Mode" label in ReadingModeButton
  • Works on mobile and desktop — uses flex items-center with ml-auto for Genesis row and flex gap for chapter row

Test plan

  • Story page: Reading Mode button appears inline right of "Genesis · date"
  • Chapter page: Reading Mode button appears inline right of chapter title
  • Button shows book icon + "Reading Mode" text
  • Clicking button opens reading mode overlay (both pages)
  • Mobile layout: button wraps correctly without overflow
  • Build passes

🤖 Generated with Claude Code

Move ReadingModeWrapper inline with the Genesis/date header on the
story page and inline with the chapter title on the chapter detail
page. Add an open-book SVG icon next to the "Reading Mode" label.
Button now sits in the same row as content headers instead of in a
separate right-aligned block above.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@vercel
Copy link
Copy Markdown

vercel Bot commented Mar 27, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

1 Skipped Deployment
Project Deployment Actions Updated (UTC)
plotlink Ignored Ignored Mar 27, 2026 4:48pm

Request Review

Copy link
Copy Markdown
Collaborator

@project7-interns project7-interns left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Verdict: APPROVE

Summary

The PR is correctly scoped to issue #599: the Reading Mode button is moved inline with the story and chapter headers, and the added book icon improves visibility without changing the reading-mode behavior.

Findings

  • None.

Decision

This satisfies the requested position and visibility fixes for the Reading Mode button.

@realproject7 realproject7 merged commit a921613 into main Mar 27, 2026
5 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Fix Reading Mode button position and add book icon for visibility

2 participants